<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<!--bootstrap插件-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
	<!--字体插件-->
	<link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
	<link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
	<!--ztree-->
	<link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
	<!--common-->
	<link href="/static/css/common.css" rel="stylesheet"/>
	<!--帮助手册样式-->
	<link rel="stylesheet" type="text/css" href="/static/css/help/document.css">
	<!--代码高亮-->
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shCore.css"/>
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shCoreDefault.css"/>
	<link type="text/css" rel="stylesheet" href="/static/plugin/SyntaxHighlighter/styles/shThemeDefault.css"/>
	<title>无标题文档</title>

<style>
input[type=text]{border:0; width:80px; padding:1px 5px; margin:0px 5PX; background-color:#F1F1F1}
.btn{ border:#111111 solid 1px; border-radius:2px; background-color:#3399FF; color:white;
 padding:0px 5px; margin:0px; height:25px; line-height:18px; width:60px;}
 .btn:hover{ text-indent:10px;}
 n{color:red; padding:0px 2px;}
 .docTitle{ background-color:white;}
</style>
</head>

<body style="padding:5px 10px; box-sizing:border-box; background-color:white;">
<a href="#" target="_blank" class="showAtTop">显示单页</a>

<form id="form">
<table class="joGrid" cellpadding="5" style="border:#cccccc solid 1px; border-bottom:0;" cellspacing="0" noChangeColor noHoverColor>
	<tr class="docTitle">
		<td style="width:150px;border-right:0; background-color:#F5F5F5;" align="left">
			<i class="fa fa-caret-down"> </i>
			计算公式
		</td>
		<td style="width:;background-color:#F5F5F5;">
			
		</td>
	</tr>
	
	<tr>
		<td colspan="2" align="left">
			宠物携带等级：<input type="text" value="60" id="bbNeedLevel"/>
			&nbsp;&nbsp;&nbsp;&nbsp;宠物基础FG/WG：<input type="text" value="70" id="bbFG"/>
			&nbsp;&nbsp;====&nbsp;&nbsp;<input type="button" class="btn" value="计 算" onclick="calc(this)"/>
			&nbsp;&nbsp;××××&nbsp;&nbsp;<input type="button" class="btn" value="清 空" onclick="reset1()"/>
		</td>
		
	</tr>
	<tr>
		<td style="width:20%;" align="left">
			点化所需灵气：
		</td>
		<td style="width:80%;" align="left">
			<input type="text" id="result"/><span></span>
		</td>
	</tr>
	<tr>
		<td style="width:20%;" align="left">
			羽化所需灵气：
		</td>
		<td style="width:80%;" align="left">
			<input type="text" id="result_yh"/><span></span>
		</td>
	</tr>
	<tr>
		<td style="width:20%;" align="left">
			强化一次加的成长：
		</td>
		<td style="width:80%;" align="left">
			<input type="text" id="result_fg"/><span></span>
		</td>
	</tr>
	<tr>
		<td style="width:20%;" align="left">
			强五点化后的成长：
		</td>
		<td style="width:80%;" align="left">
			<input type="text" id="result_q5d"/><span></span>
		</td>
	</tr>
</table>
</form>
<div style="border:#CCCCCC solid 1px; padding:5px 0px; margin:12px 0px; width:600px;">
	<ul class="joTab">
		<li class="cur" tab="2017">2017</li>
		<li class="" tab="2016">2016</li>
		<li class="" tab="2014">2014</li>
		<li class="" tab="bishu">避暑山庄</li>
	</ul>
	<div style="clear:both; height:1px; background-color:#CCCCCC;"></div>
	<div class="joTabSheet" id="2017">
		<table class="joGrid" cellpadding="3" cellspacing="0">
			<thead>
				<tr>
					<td width="10%">角色</td>
					<td width="10%">性别</td>
					<td width="10%">等级</td>
					<td width="20%">账号</td>
					<td width="10%">密码</td>
				</tr>
			</thead>
				<tr>
					<td>新火</td>
					<td>女</td>
					<td>88</td>
					<td>18235146426</td>
					<td>******</td>
				</tr>
				<tr>
					<td>新金</td>
					<td>男</td>
					<td>88</td>
					<td>wjy201701</td>
					<td>******</td>
				</tr>
				<tr>
					<td>老水</td>
					<td>男</td>
					<td>88</td>
					<td>wjy201702</td>
					<td>******</td>
				</tr>
				<tr>
					<td>老木</td>
					<td>女</td>
					<td>90</td>
					<td>wjy201703</td>
					<td>******</td>
				</tr>
				<tr>
					<td>老木</td>
					<td>男</td>
					<td>88</td>
					<td>wjy201704</td>
					<td>******</td>
				</tr>
		</table>
	</div>
	<div class="joTabSheet" id="2016">
		2016
	</div>
	<div class="joTabSheet" id="2014">
		2014
	</div>
	<div class="joTabSheet" id="bishu">
		避暑
	</div>
</div>

<!--配置信息-->
<script src="/static/js/config.js"></script>
<!--jquery-->
<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
<script src="/static/plugin/jquery/jquery.cookie.js"></script>
<!--bootstrap-->
<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
<script src="/static/plugin/other/html5shiv.js"></script>
<script src="/static/plugin/other/respond.min.js"></script>
<![endif]-->
<!--layui-->
<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
<!--ztree-->
<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
<!--jo-->
<script src="/static/plugin/jo/jo.js"></script>
<script src="/static/plugin/jo/jo-adapt.js"></script>
<script src="/static/plugin/jo/jo-page-view.js"></script>
<script src="/static/plugin/jo/jo-page-form.js"></script>
<script src="/static/plugin/jo/jo-listener.js"></script>
<!--common-->
<script src="/static/js/common.js"></script>
<!--帮助手册js-->
<script src="/static/js/help/document.js"></script>
<!--代码高亮-->
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shCore.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCSharp.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushPhp.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushJScript.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushJava.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushVb.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushSql.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushXml.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushDelphi.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushPython.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushRuby.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCss.js"></script>
<script class="javascript" src="/static/plugin/SyntaxHighlighter/scripts/shBrushCpp.js"></script>
<script class="javascript">
	highLight();
</script>
<script>
	function calc(obj){
		var nlevel = parseInt($("#bbNeedLevel").val());//携带等级
		var fg = parseInt($("#bbFG").val());//功成长
		//计算点化
		if(!isNaN(nlevel)){
			var v = nlevel * nlevel * 30;
			$("#result").val(v);
			$("#result").next().html("一个[点化丹]加6000灵气，一共需要"+v/6000+"个，约<n>"+Math.ceil(v/6000)+"</n>个！"+"一个点化丹328元宝，点化完成一共需要<n>"+Math.ceil(v/6000) * 328+"</n>个元宝！");
			//羽化
			$("#result_yh").val();
			$("#result_yh").next().html("缺少计算公式!");
		}
		//计算强化
		if(!isNaN(fg)){
			var v = Math.floor((fg + 10) * 0.08);
			$("#result_fg").val(v);
			$("#result_fg").next().html("强五后的成长为<n>"+ (v * 5 + fg)+"</n>");
		}
		//强5点化result_q5d
		if(!isNaN(fg) && !isNaN(nlevel)){
			var v = Math.floor((fg + 10) * 0.08);//强1
			$("#result_q5d").val(parseInt(v*5+fg*1.3));
			$("#result_q5d").next().html("强五点化飞升后的成长：<n>"+parseInt(v*5+fg*1.65)+"</n>");
		}

	}
	function reset1(){
		jo.reset('form');
		$("span").html("");
	}
</script>
</body>
</html>
